<%@ include file="/WEB-INF/views/public/include.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<!-- 页面编码 -->
	<meta charset="utf-8">
  	<!-- 手机浏览器禁止缩放, 页面大小默认为手机屏幕宽度 -->
  	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  	<!-- 允许IOS全屏显示网页 -->
  	<meta content="yes" name="apple-mobile-web-app-capable" />
  	<!-- 设置IOS状态栏为透明底色 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<!-- 设置360浏览器渲染引擎为webkit -->
  	<meta name="renderer" content="webkit">
  	<!-- 设置APP标题 -->
  	<meta name="apple-mobile-web-app-title" content="青年电影志">
  	<!-- 关闭自动识别电话号码 -->
  	<meta name="format-detection" content="telephone=no">
	<!-- iPhone桌面图标 -->
	<link href="/resources/static/images/app-60@2x.png" sizes="120x120" rel="apple-touch-icon-precomposed">
  	<!-- 页面标题 -->
  	<title>发现</title>
	<!-- 页面摘要描述 -->
  	<meta name="description" content="约吗">
  	<!-- 页面关键词 -->
  	<meta name="keywords" content="约大牛">

  	<!-- 基本样式载入 -->
  	<link rel="stylesheet" href="/resources/static/css/ionicons.min.css">
	<link rel="stylesheet" href="/resources/static/css/public.css">
	<!-- 基本脚本载入 -->
	<script src="/resources/static/js/plugins.min.js"></script>
</head>
<body>
	<div id="app" class="site" data-controller="discoveryPage">
		<div class="bar bar-footer bar-primary">
			<nav class="bar-navigation">
				<a class="menu-item" href="./index">
					<i class="menu-icon ico-home"></i>
					<span class="menu-label">首页</span>
				</a>
				<a class="menu-item is-active">
					<i class="menu-icon ico-discovery"></i>
					<span class="menu-label">发现</span>
				</a>
				<a class="menu-item" href="./user/index">
					<i class="menu-icon ico-me"></i>
					<span class="menu-label">我的</span>
				</a>
			</nav>
			<!-- END .bar-navigation -->
		</div>
		<div id="content" class="site-content">
			<div class="inner">
				<section class="search-block state-retian-border">
					<form action="#" class="search-form">
						<input type="text" name="s" id="s" class="state-retian-border" placeholder="搜索...">
						<button type="submit" class="search-btn"><i class="ion-ios-search-strong"></i></button>
					</form>
				</section>
				<!-- END .search-block -->
				<main id="main" class="site-main" role="main">
					<c:forEach var="subject" items="${subjects}">
						<article class="people-view js-touch">
							<div class="people-avatar">
								<img src="${subject.user.picUrl}" alt="">
								<span class="people-name">${subject.user.getName()}</span>
							</div>
							<!-- END .people-avatar -->
							<div class="people-content">
								<h3 class="people-title">${subject.title}</h3>
								<span class="people-pos">${subject.user.company}|${subject.user.profession}</span>
								<footer class="entry-meta">
									<span class="fund-time"><i class="ion-android-time"></i>${subject.getDurationString()}</span>
									<!-- <span class="fund-cat">${subject.getTypeString()}</span> -->
									<c:if test="${subject.metCount != 0}">
										<span class="people-review">${subject.metCount}人见过</span>
									</c:if>
									<c:if test="${subject.commentCount != 0}">
										<span class="people-comments">${subject.commentCount}人评价</span>
									</c:if>
								</footer>
							</div>
							<!-- END .people-content -->
							<a href="/main/subject/user/${subject.userId}" class="overlay-link"></a>
						</article>
					</c:forEach>
					<!-- END .people-view -->
				</main>
				<!-- END .site-main -->
			</div>
			<!-- END .inner -->
		</div>
		<!-- END #content -->
	</div>
	<!-- END #page -->
	<!-- 页面脚本载入 -->
	<script src="/resources/static/js/app.js"></script>
</body>
</html>